<template>
  <div id="user">
    <!-- 新增用户按钮 -->
    <!-- <el-button type="primary" @click="addUser">新增用户</el-button> -->
    <Button type="primary" @click="addUser">新增用户</Button>

    <!-- 用户详情 -->
    <Popup :isShow="true" :title="userDetail.title">
      <UserDetail slot="body"></UserDetail>
    </Popup>
  </div>
</template>

<script>
import { Button } from "element-ui";
import Popup from "../../../components/Popup"; // 弹出框
import UserDetail from "./UserDetail"; // 详情
export default {
  name: "User",
  data() {
    return {
      // 用户详情
      userDetail: {
        title: "用户详情"
      }
    };
  },
  created() {},
  mounted() {},
  computed: {},
  methods: {
    // 新增
    addUser() {
      console.log("新增");
    }
  },
  components: {
    Button,
    Popup,
    UserDetail
  }
};
</script>
